<template>
  <div class="p-5 video-page">
    <div class="flex items-center justify-between">
      <el-popover width="60%" placement="bottom-start" popper-style="padding:0;">
        <template #reference>
          <button class="button-outline px-5">
            <span class="mr-2">全部视频</span>
            <IconPark :icon="Right"/>
          </button>
        </template>
        <div>
            <div class="text-xl pt-5 pl-5 hover-text" @click="idChange(0)">全部视频</div>
        </div>
      </el-popover>
    </div>
  </div>
</template>

<script setup lang="ts">
import {Right} from "@icon-park/vue-next";
import {onMounted, reactive, ref, toRefs} from 'vue';
const pageData = reactive({
  page: 1,
  id: 0,
})

const idChange = (id:number)=>{
  pageData.id = id
  pageData.page = 1
  getData();
}
const getData = ()=>{

}
</script>

<style scoped>

</style>